<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>城市广告视频</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <!--<link rel="stylesheet" href="/plugins/video-js/video-js.css">-->
    <link rel="stylesheet" href="/plugins/swiper/swiper4.2.min.css">
    <link rel="stylesheet" href="//g.alicdn.com/de/prismplayer/2.7.2/skins/default/aliplayer-min.css" />
    <link rel="stylesheet" href="/css/see/selfMediaVd.min.css?v=<%=$version%>">
</head>
<body>
<div id="cityAdVideo" v-cloak>
    <div class="selfMediaVd-video" :class="{myVideo:isInfoShow}">
        <div id="my-video"></div>
        <!--<video id="my-video" class="video-js" controls preload="auto" poster="/imgs/happyi/index/bpic1.png" data-setup="{}"-->
               <!--webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-player-type="h5"-->
               <!--x5-video-orientation="h5" x5-video-player-fullscreen="true">-->
            <!--<source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4">-->
            <!--&lt;!&ndash;<source src="http://47.95.5.235:8081/file//userfiles/1/files/hkEnterpriseAdv/2018/05/a.flv" type="video/flv">&ndash;&gt;-->
            <!--<p class="vjs-no-js">-->
                <!--To view this video please enable JavaScript, and consider upgrading to a web browser that-->
                <!--<a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>-->
            <!--</p>-->
        <!--</video>-->
    </div>
    <div class="selfMediaVd-videobg" :class="{'selfMediaVd-videobg1':isInfoShow}" @click="getVideoPause()"></div>
    <div class="selfMediaVd-label" v-if="isInfoShow">
        <div class="clearfix" v-for="item in mediaAdvAdvById.tags">
            <label class="selfMediaVd-icon2">
                <span class="label-icon1" v-if="item.type==2"></span>
                <span class="label-icon2" v-if="item.type==1"></span>
                <span class="label-icon3" v-if="item.type==3">#</span>{{item.tag}}
            </label>
            <strong class="selfMediaVd-icon1"></strong>
        </div>
        <!--<div class="clearfix">-->
        <!--<label class="selfMediaVd-icon2">-->
        <!--<span>#</span>课堂课堂-->
        <!--</label>-->
        <!--<strong class="selfMediaVd-icon1"></strong>-->
        <!--</div>-->
    </div>
    <div class="selfMediaVd-info clearfix" v-if="isInfoShow">
        <div class="selfMediaVd-infoCent">
            <template v-if="titleLength>65"><div><span>{{mediaAdvAdvById.title}}</span><span>{{mediaAdvAdvById.title}}</span></div></template>
            <template v-else>{{mediaAdvAdvById.title}}</template>
        </div>
        <!--<span @click="getComment(1)" v-if="mediaAdvAdvById.mediaType!=2">更多<span>&gt;</span></span>-->
        <!--<span @click="getComment(4)" v-if="mediaAdvAdvById.mediaType==2">更多<span>&gt;</span></span>-->
    </div>
    <header class="selfMediaVd-header">
        <span class="back" @click="getBack()"></span>
        <div class="header-info clearfix" v-if="!isComment">
            <span class="infoLeft-img" :style="bgimg(mediaAdvAdvById.headImg)"></span>
            <h6>{{mediaAdvAdvById.name}}<strong :class="[mediaAdvAdvById.sex==1?'userPage-boy':'userPage-girl']"></strong></h6>
            <p>{{mediaAdvAdvById.cityName}}<span>&bull;</span>{{mediaAdvAdvById.playCount}}次播放</p>
            <!--<span class="infoLeft-map">{{mediaAdvAdvById.cityName}}</span>-->
        </div>
        <!--<div class="header-infoRight" v-if="isInfoShow">-->
        <!--赚<span class="infoRight-money">{{rewardCount}}</span>-->
        <!--<span class="infoRight&#45;&#45;reward"></span>-->
        <!--</div>-->
       <!-- <div class="header-infoRight" v-if="mediaAdvAdvById.rewardCount>0&&mediaAdvAdvById.historyId==null">
            <template v-if="mediaAdvAdvById.historyId==null">
                <template v-if="num==2">
                    已领完
                    <span class="infoRight&#45;&#45;reward1"></span>
                </template>
                <template v-else>
                    领红包<span v-if="num==1">{{totalTime}}s</span>
                    <span class="infoRight&#45;&#45;reward"></span>
                </template>
                &lt;!&ndash;赚<span class="infoRight-money">{{rewardCount}}</span>&ndash;&gt;

            </template>
            <template v-if="mediaAdvAdvById.historyId!=null">
                已领过
                <span class="infoRight&#45;&#45;reward1"></span>
            </template>
        </div>-->
        <!--<strong v-if="isInfoShow">{{mediaAdvAdvById.title}}</strong>-->
        <!--<span class="share" v-if="isInfoShow"></span>-->
        <span class="more" @click="getShare()"></span>
    </header>
    <div class="selfMediaVd-bott clearfix" :class="{'footerIsshop':mediaAdvAdvById.products==null}">
        <!--<input type="text" placeholder="我来说两句..." @click="getComment()">-->
        <span :class="collectionState==1?'selfMediaVd-markb1':'selfMediaVd-markb2'" @click="getCollection()">{{collectionCount}}</span>
        <span class="selfMediaVd-comme" @click="getCommentTab(2)">{{mediaAdvAdvById.commentCount}}</span>
        <span class="selfMediaVd-shopping" @click="getCommentTab(8)"></span>
        <span :class="praiseState==1?'selfMediaVd-fabu1':'selfMediaVd-fabu2'" @click="getPraise()">{{praiseCount}}</span>
        <span class="selfMediaVd-reward" @click="mediaReward()">打赏</span>
    </div>
    <div class="selfMediaVd-comment" v-if="commentTab==2">
        <h6 class="comment-title">
            <template v-if="mediaAdvAdvById.mediaType!=2">
                <!--<strong :class="{active:commentTab==1}" @click="getCommentTab(1)">详情</strong>-->
                <strong :class="{active:commentTab==2}" @click="getCommentTab(2)">评论</strong>
                <strong :class="{active:commentTab==3}" @click="getCommentTab(3)" v-if="mediaAdvAdvById.mediaType==1">征婚</strong>
            </template>
            <template v-if="mediaAdvAdvById.mediaType==2">
                <strong :class="{active:commentTab==4}" @click="getCommentTab(4)">企业信息</strong>
                <strong :class="{active:commentTab==5}" @click="getCommentTab(5)">再招职位(5)</strong>
            </template>
            <span class="selfMediaVd-paixud" @click="getComment()"></span>
        </h6>
        <template v-if="commentTab==1">
            <div class="userInfo">
                <h6>{{mediaAdvAdvById.name}}</h6>
                <p>{{mediaAdvAdvById.createDate.split(" ")[0]}}<span v-if="mediaAdvAdvById.cityName">&bull;</span>{{mediaAdvAdvById.cityName}}</p>
                <div class="userInfo-cent" v-html="mediaAdvAdvById.introduction">
                </div>
            </div>
        </template>
        <template v-if="commentTab==2">
            <div class="comment-cent">
                <div class="comment-list" v-for="item in commentList2">
                    <span class="comment-listHead" :style="bgimg(item.headImg)"></span>
                    <div class="comment-listRight">
                        <h6>{{item.content}}</h6>
                        <p>{{item.uName}}<span>&bull;</span>{{item.createDate}}</p>
                        <div class="comment-listBtn">
                            <span :class="{'1':'selfMediaVd-good1','0':'selfMediaVd-good'}[''+item.praiseState]" @click="praiseMediaAdvComment(item.praiseState,item.commentId)">{{item.praiseCount}}</span>
                            <!--<span class="selfMediaVd-spcha">45</span>-->
                            <span class="selfMediaVd-sppl" @click="getCommentInfo(item.commentId)">{{item.commentCount}}</span>
                            <span class="selfMediaVd-more1"></span>
                        </div>
                        <span class="comment-listButt" v-if="item.commentCount>0" @click="getCommentInfo(item.commentId)">查看<span>{{item.commentCount}}</span>条回复</span>
                    </div>
                </div>
                <!--<div class="comment-list">-->
                <!--<span class="comment-listHead"></span>-->
                <!--<div class="comment-listRight">-->
                <!--<h6>拍的不错，调色不是很好，色不是很好</h6>-->
                <!--<p>Jolie白其<span>&bull;</span>刚刚发布</p>-->
                <!--<div class="comment-listBtn">-->
                <!--<span class="selfMediaVd-good1">152</span>-->
                <!--<span class="selfMediaVd-spcha">45</span>-->
                <!--<span class="selfMediaVd-sppl">44</span>-->
                <!--<span class="selfMediaVd-more1"></span>-->
                <!--</div>-->
                <!--<span class="comment-listButt">查看<span>12</span>条回复</span>-->
                <!--</div>-->
                <!--</div>-->
                <div class="loadtip" v-if="loadFlag"></div>
            </div>
            <div class="comment-butt">
                <span class="selfMediaVd-wirt"></span>
                <input type="text" v-model="commentText" placeholder="我来说两句...">
                <span class="selfMediaVd-send" @click="comment()">发送</span>
            </div>
        </template>
        <template v-if="commentTab==3">
            <div class="signMarriage">
                <div class="signMarriage-head clearfix">
                    <span class="signMarriage-headImg" :style="bgimg(mediaAdvAdvById.headImg)"></span>
                    <h6>{{mediaAdvAdvById.uName}}<span class="signMarriage-grade">LV.{{mediaAdvAdvById.level}}</span>
                        <span class="signMarriage-realName" v-if="mediaAdvAdvById.isAuth==1">实名</span>
                    </h6>
                    <p>{{mediaAdvAdvById.sex==1?'男':'女'}}<span></span>{{mediaAdvAdvById.age}}岁<span></span>{{mediaAdvAdvById.height}}厘米<span></span>{{mediaAdvAdvById.address}}</p>
                </div>
                <div class="signMarriage-album">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide" v-for="item in mediaAdvAdvById.albums">
                                <img :src="item.imgSrc" class="swiper-lazy">
                            </div>
                            <!--<div class="swiper-slide">-->
                            <!--<img data-src="/imgs/happyi/index/bpic1.png" class="swiper-lazy">-->
                            <!--</div>-->
                        </div>
                    </div>
                </div>
                <div class="signMarriage-introduce">
                    <h6 class="signMarriage-title">个人介绍</h6>
                    <p>{{mediaAdvAdvById.introduce}}</p>
                </div>
                <div class="signMarriage-info">
                    <h6 class="signMarriage-title">个人资料<span>({{mediaAdvAdvById.infos.length}}/{{mediaAdvAdvById.infos.length}})</span></h6>
                    <p v-for="item in mediaAdvAdvById.infos"><span>{{item.id}}:</span>{{item.name}}</p>
                </div>
            </div>
            <div class="comment-butt signMarriage-butt">
                <span class="signMarriage-lt">聊天</span>
            </div>
        </template>
        <template v-if="commentTab==4">
            <div class="enterprise-Info">
                <div class="signMarriage-head clearfix enterprise-InfoTop">
                    <span class="signMarriage-headImg" :style="bgimg(mediaAdvAdvById.enterprise.headImg)"></span>
                    <h6>{{mediaAdvAdvById.enterprise.name}}
                        <span class="signMarriage-realName" v-if="mediaAdvAdvById.enterprise.isAuth==1">已认证</span>
                    </h6>
                    <p>{{mediaAdvAdvById.enterprise.category}}<span></span>{{mediaAdvAdvById.enterprise.scale}}<span v-if="mediaAdvAdvById.enterprise.listing"></span>{{mediaAdvAdvById.enterprise.listing}}</p>
                </div>
                <div class="enterprise-InfoCent">
                    <h6>基本信息</h6>
                    <div v-html="mediaAdvAdvById.enterprise.introduce"></div>
                </div>
            </div>
        </template>
        <template v-if="commentTab==5">
            <div class="enrollAgain">
                <div class="enrollAgain-list" v-for="item in mediaAdvAdvById.recruits" @click="getNext(item.recruitId)">
                    <h6>{{item.title}}</h6>
                    <p>{{item.areaName}}<span></span>{{item.experience}}<span></span>{{item.education}}</p>
                    <p>{{item.updateDate}}</p>
                    <strong>{{item.salary}}</strong>
                </div>
            </div>
        </template>
    </div>
    <div class="selfMediaVd-goods" v-if="commentTab==8">
        <h6 class="comment-title">
            可售卖商品
            <span class="selfMediaVd-paixud" @click="getGoods()"></span>
        </h6>
        <div class="selfMediaVd-goodsCent">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide" v-for="item in mediaAdvAdvById.products">
                        <strong :style="bgimg(item.imgSrc)"></strong>
                        <strong class="goodsCent-img" v-if="item.num<1"></strong>
                        <p>{{item.title}}</p>
                        <span>{{item.price}}</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="isReward" v-if="isReward==1"></div>
    <div id="isReward1" v-if="isReward==2"></div>
   <!-- <div id="mediaVd-reward" v-if="isReward">
        <div class="mediaVd-rewardTitle">打赏<span class="rewardTitle-icon" @click="getReward()"></span></div>
        <template v-if="isRewardNum==1">
            <div class="rewardFixed clearfix">
                <strong class="rewardFixed-list" v-for="item in moneyList" @click="mediaReward(item.value)"><span>{{item.value}}</span></strong>
            </div>
            <span class="mediaVd-rewardBtn" @click="getIsRewardNum(2)">其他金额</span>
        </template>
        <template v-if="isRewardNum==2">
            <div class="rewardOther">
                <input type="number" placeholder="0" v-model="rewardMoney">
                <strong></strong>
            </div>
            <div class="mediaVd-rewardBtn2">
                <span class="mediaVd-rewardBtn" @click="getIsRewardNum(1)">固定金额</span>
                <span class="mediaVd-rewardBtn1" @click="mediaReward()">确定</span>
            </div>
        </template>
    </div>-->
    <div id="mask" :class="{'maskShow':isScreen||isShare}"></div>
    <div id="redTips" :class="{'maskShow':isScreen}">
        <div class="redTips-cent" v-if="isScreen==1" @click.stop="getRedPacketsMediaAdvById()">
            <strong class="userHead-bg"></strong>
            <strong class="userHead" :style="bgimg(mediaAdvAdvById.headImg)"></strong>
            <h6 class="userName">{{mediaAdvAdvById.uName}}</h6>
            <!--<span class="redTips-icon" @click.stop="getRedPacketsMediaAdvById()"></span>-->
        </div>
        <div class="redTips-cent1" v-if="isScreen==2">
            <h6 class="redTips-h6">恭喜!</h6>
            <p class="redTips-p">您抢到了<span>{{money1}}</span>金币</p>
            <span class="redTips-btn" @click="getShare()">快喊好友来抢</span>
        </div>
        <div class="redTips-cent2" v-if="isScreen==3">
            <p class="redTips-p1">手慢了,红包派完了</p>
            <span class="redTips-btn" @click="getShare()">将视频分享给好友</span>
        </div>
        <span class="redTips-icon1" @click="getIsScreen()"></span>
    </div>
    <div id="maskBox" :class="{'maskShow':isShare}">
        <div class="maskBox-top">分享到</div>
        <div class="maskBox-cent">
            <span class="maskBox-icon" @click="getChoice(1)">好友</span>
            <!--<span class="maskBox-icon1" @click="getChoice(2)">圈子</span>-->
        </div>
        <div class="maskBox-btn" @click="getShare()">取消</div>
    </div>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script type="text/javascript" src='/plugins/js/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<!--<script type="text/javascript" src="/plugins/video-js/video.min.js"></script>-->
<script charset="utf-8" type="text/javascript" src="//g.alicdn.com/de/prismplayer/2.7.2/aliplayer-min.js"></script>
<script type="text/javascript" src="/plugins/swiper/swiper.min.4.2.js"></script>
<script type="text/javascript" src="/js/see/cityAdVideo.js?v=<%=$version%>"></script>
<script>
</script>
</body>
</html>